@import './common.scss';

page {
  height: 100%;
  line-height: 1;
}

.number-font {
  font-family: "BebasNeue", BebasNeue, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
  "微软雅黑", Arial, sans-serif;
}


.color-primary {
  color: #FF6C0A!important;
}

.color-rgb9 {
  color: rgba(0, 0, 0, 0.9);
}

.color-6C7482 {
  color: #6C7482;
}

.red-text {
  color: #ff595e;
}

.p-safe {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.over-hidden {
  overflow: hidden;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.bg-white {
  background-color: #FFFFFF;
}
.bg-primary{
	background: #F7F8FA;
}
.radius {
  border-radius: 50%;
  overflow: hidden;
}

.w-wrap {
  position: relative;
  flex: 1;
  width: 100%;
  box-sizing: border-box;

  .w-inner {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;

    & > scroll-view {
      width: 100%;
      height: 100%;
      box-sizing: border-box;
    }
  }
}


.full {
  width: 100%;
  height: 100%;
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

.font-bold {
  font-weight: bold;
}

.inset {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.flex {
  display: flex;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-col {
  display: flex;
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-no-wrap {
  flex-wrap: nowrap;
}

.justify-center {
  justify-content: center;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-between {
  justify-content: space-between;
}

.justify-evenly {
  justify-content: space-evenly;
}

.justify-around {
  justify-content: space-around;
}

.align-start {
  align-items: flex-start;
}

.align-end {
  align-items: flex-end;
}

.align-center {
  align-items: center;
}

.box {
  box-sizing: border-box;
}

.flex-1 {
  flex: 1;
}

::-webkit-scrollbar {
  width: 0;
  height: 0;
  background-color: transparent;
}

.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.text-ellipsis1 {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-height: 36rpx;
}

.text-ellipsis2 {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.text-ellipsis3 {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.text-pre {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: pre-wrap;
  word-break: break-all;
  line-height: 30rpx;
}

.card-shadow {
  box-shadow: 0 0 24rpx rgba(0, 0, 0, .12);
}

.border {
  border: 1px solid red !important;
}


uni-button,
button {
  &.no-border:before,
  &.no-border:after {
    border: 0;
  }
}

button::after {
  border: 0;
  outline: none;
  box-shadow: none;
}

button {
  outline: none;
  background: none;
  border: 0;
}

.input-placeholder {
  color: #999999;
}

.placeholder {
  color: #999999;
}

::-webkit-scrollbar {
  width: 0;
  height: 0;
  background-color: transparent;
}

.loadmore-wrapper {
  padding: 24rpx;
}

.empty-wrapper {
  padding: 32rpx;
}


.top-auto {
  margin-top: auto;
}

.bottom-auto {
  margin-bottom: auto;
}

.right-auto {
  margin-right: auto;
}

.left-auto {
  margin-left: auto;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.edu-button {
  margin: 0;
  border-radius: 0;
  border: 0;
  background: #FF6C0A;
  color: #fff;
  font-size: 30rpx;
  width: 360rpx;
  height: 84rpx;
  background: #4986FF;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;

  &.plain {
    color: #FF6C0A;;
    background-color: #ffffff;
  }

  &.radius {
    border-radius: 8rpx;
  }

  &.full {
    width: 100%;
  }

  &::after {
    display: none;
  }

  &.disabled {
    background: #cccccc;

    &.hover {
      opacity: 1;
    }
  }
}

.hover {
  opacity: .7;
}

.plc {
  color: rgba(0, 0, 0, 0.4);
}

.plc_6 {
  color: rgba(0, 0, 0, 0.6);
}

.plc_9 {
  color: rgba(0, 0, 0, 0.9);
}

.chevron_icon {
  width: 34rpx;
  height: 34rpx;
}

.fit-content {
  width: fit-content;
}


.edu-footer-wrap {
  background-color: #fff;
  padding: 16rpx 32rpx;
  box-sizing: border-box;
  position: relative;

  .u-button {
    margin-right: 30rpx;

    &:last-child {
      margin-right: 0;
    }
  }
}

.edu-primary-text {
  font-size: 30rpx;
  line-height: 1.5;
  word-break: break-all;
  white-space: pre-wrap;
  color: rgba(0, 0, 0, 0.65);
}
.edu-primary-text-small{
  font-size: 26rpx;
  line-height: 1.3;
  word-break: break-all;
  white-space: pre-wrap;
  color: rgba(0, 0, 0, 0.65);
}


.border{
	border:1px solid #f00;
}